@charset "utf-8";
$font-size:12px;/**********变量元素*********/
@function bgg($px){/************函数样式************/
    @return $px/640px*100%;
}
//html{/**************html根字体大小**************/
//  font-size: $font-size*1px;
//}

/***********这里是页面*********/
.web{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    @media screen and (min-width: 320px) and (max-height: 568px){
        .common{
            width: 100%;
            height: 100%;
        }
    }
    @media screen and (min-width: 375px) and (max-height: 667px){
        .common{
            width: 100%;
            height: 100%;
        }
    }
    @media screen and (min-width: 414px) and (max-height: 736px){
        .common{
            width: 100%;
            height: 100%;
        }
    }
    .common{
        background-size: 100%;
        
        .nanhai{
            color: #ffffff;
            font-size: 8px;
            padding-left: bgg(40px);
            padding-top: bgg(104px);
        }
        .touxiang{
            
            .toux{
                width: bgg(250px);
//              height: 350px;
                display: inline-block;
                margin-top: bgg(41px);
                padding-left: bgg(195px);
//              width: 100%;
            }
        }
        .yun3{
            .yun4{
                width: bgg(112px);
                margin-top: bgg(-50px);
                margin-left: bgg(32px);
//              height: 83px;
            }
            .yun5{
                width: bgg(64px);
                float: right;
                margin-top: bgg(-50px);
                margin-right: bgg(110px);
//              height: 47px;
            }
            .yun6{
                width: bgg(111px);
                float: right;
                margin-top: bgg(-100px);
                margin-right: bgg(-35px);
                opacity: 0.5;
//              height: 82px;
            }
        }
        .anniu{
            margin-top: bgg(120px);
            margin-left: bgg(57px);
            position: relative;
            .xuan_a{
                position: relative;
                margin-bottom: bgg(28px);
                img{
                    width: bgg(368px);
//                  height: 63px;
                    
                }
                span{
                    color: #000000;
                    font-size: 6.6px;
                    position: absolute;
                    top: 0;
                    left: 0;
                    padding: bgg(10px) bgg(15px);
                }
            }
        }
        .yinyue{
            .img1{
                width: bgg(104px);
                float: right;
                margin-top: bgg(-350px);
                margin-right: bgg(30px);
//              position: absolute;
//              right: bgg(70px);
//              top: 0;
            }
            .img2{
                width: bgg(74px);
                float: right;
                margin-top: bgg(-230px);
                margin-right: bgg(20px);
//              position: absolute;
//              right: bgg(-15px);;
//              top: 0;
            }
            .img3{
                width: bgg(75px);
                float: right;
                margin-top: bgg(-150px);
                margin-right: bgg(25px);
//              position: absolute;
//              right: bgg(-15px);
//              top: 0;
            }
            .img4{
                width: bgg(69px);
                float: right;
                margin-top: bgg(-80px);
                margin-right: bgg(60px);
//              position: absolute;
//              right: bgg(26px);
//              top: 0;
            }
            .img5{
                width: bgg(65px);
                float: right;
                margin-top: bgg(-20px);
                margin-right: bgg(45px);
//              position: absolute;
//              right: bgg(15px);
//              top: 0;
            }
            .img6{
                width: bgg(90px);
                float: right;
                margin-top: bgg(-70px);
                margin-right: bgg(10px);
//              position: absolute;
//              right: bgg(78px);
//              top: 0;
            }
        }
    }
}
